@charset "utf-8";


@media screen and (max-width: 1360px){	
    .container,.container1{width:96%;}
    .pbanner figure img{ width:120%;}
    .pbanner .ptext strong{font-size: 30px; margin-bottom:15px;}
    .banner .txx{ font-size:50px;}
    .about_center02{ height:60vh;}
    .pageservice .leftSwiper{height:540px;}
    .pageservice .leftSwiper .item{ height:90px;}
    .pageservice .rightSwiper .item figure{height:540px;}
    .pageservice .rightSwiper .item .serv-item{ width:70%; padding:40px;}
    .PageAnli{ grid-gap: 30px;}
    .PageNews .NewsList{ grid-gap: 30px;}
}

@media screen and (max-width: 1280px){	
    .container,.container1{width:96%;}
    .headerPage .headerRight .headerNav li>a{ margin:0 20px;}
    .pbanner figure img{ width:120%;}
    .pbanner .ptext strong{font-size: 30px; margin-bottom:15px;}
    .banner .txx{ font-size:50px;}
    .inBusiness .BusinBottom{ bottom:0;}
    .about_center01 .company-fix{ width:70%;}
    .about_center02{ height:50vh;}
    .pageservice .leftSwiper{height:540px;}
    .pageservice .leftSwiper .item{ height:90px;}
    .pageservice .rightSwiper .item figure{height:540px;}
    .pageservice .rightSwiper .item .serv-item{ width:70%; padding:40px;}
    .PageAnli{ grid-gap: 30px;}
    .PageNews .NewsList{ grid-gap: 30px;}
}
@media screen and (max-width: 1024px) and (min-width: 768px){
    .container,.container1{width:96%;}
    #itop{position: relative;}
    .content{height: auto;}
    .rowbox {margin: 0!important;}
    .rowbg { -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; opacity: 1; }
    .row-controls{ display:none;}
    .smouse{display:none;}
    .header{background:#ffffff;}
    .header .container {display: flex; align-items: center; justify-content: space-between;}
    .header .logo .lg-1{display:none;}
    .itop1 .logo .lg-2, .header .logo .lg-2{display:block;}
    .header .headerRight{display:none;}
    .header .sp_nav{display:block; width:50px;float:right;position:relative; cursor:pointer;height:24px; z-index: 999;}
    .header .sp_nav span{display:block;background:#333333;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
    .header .sp_nav span:nth-of-type(1){top:0px}
    .header .sp_nav span:nth-of-type(2){top:10px}
    .header .sp_nav span:nth-of-type(3){top:20px}
    .header.scroll .sp_nav span{background:#d93128}
    .header .sp_nav_se span{background:#d93128}
    .header .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
    .header .sp_nav_se span:nth-of-type(2){width:0}
    .header .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
    .header .sjj_nav{display: block; position:fixed; background:#fff;width:100%;height:100vh;font-size:14px;line-height:40px;top:-100vh;left:0;  overflow:auto;overflow-x:hidden; z-index:99; transition:top ease 0.35s;}
    .header .sjj_nav .bg{ width: 100%; height: 4px; background: #d93128;}
    .header .sjj_nav .hotline{ background-color: #d93128; padding-left: 20px; height: 60px;line-height: 60px; font-size: 14px; color: #fff; }
    .header .sjj_nav .hotline span{ font-size: 20px;font-weight: bold; }
    .header .nav_show{top:80px}
    .header.scroll .nav_show{top:80px}
    .header .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
    .header .sjj_nav>ul>li:first-child>a{float:left;width:75%;}
    .header .sjj_nav>ul>li:first-child .language{float:right;width:22%;overflow:hidden;line-height:50px;}
    .header .sjj_nav>ul>li:first-child .language a{width:48%;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
    .header .sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
    .header .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
    .header .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
    .header .sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:50px;font-size:15px}
    .header .sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
    .header .sjj_nav ul li ul{display:none}
    .header .sjj_nav ul li a{color:#666;width:80%; display: block;}
    .header .sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
    .header .sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
    .header .sjj_nav ul li .sjj_nav_i_se svg{fill:#d93128}
    .header .sjj_nav ul li ul li>ul{margin-left:10px}
    .placeholder{ width:100%; height:80px;}
    .banner .pic2{position:relative;}
    .banner .txx{ font-size:40px;}
    .banner .ci-more{ margin:80px auto 0}
    
    .inAbout{ height:auto; padding:50px 0;}
    .inAbout .tit{ font-size:32px; margin-bottom:20px;}
    .inAbout .abcon{ width:80%;}
    .inAbout .number{ margin-top:6%;}
    .inAbout .number .item .T .timer{ font-size:50px;}
    
    .inBusiness{ height:auto; padding:50px 0;}
    .inBusiness .BusinBottom{position:relative; width:100%; margin-top:30px;}
    .inBusiness .BusSwiper2 .swiper-slide .left{ width:38%;}
    .inBusiness .BusSwiper2 .swiper-slide .right{ width:52%;}
    .inBusiness .BusSwiper2 .swiper-slide .right .tit{ font-size:26px;}
    .inBusiness .BusSwiper .swiper-slide{ padding:20px 2%;}
    
    .inCase li{ height:auto; width:33.33333%;}
    .inCase li:nth-of-type(n+10){display:none;}
    .inCase li .hide{ font-size:20px;}
    
    .inNews{height:auto; padding:50px 0;}
    .inNews .newsTop .cn{ font-size:30px;}
    .inNews .newsTop .en{ font-size:18px;}
    .inNews .newsList li{ width:33.33333%}
    .inNews .newsList li:nth-of-type(n+4){display:none;}
    
    .footer .f_left{width:32%;}
    .footer .f_left .so_search{ height:50px;}
    .footer .f_left .so_search .search input{ line-height:50px;}
    .footer .f_left .so_search .search .search-txt{ width:70%;}
    .footer .f_left .so_search .search button{ width:40px; height:40px;}
    .footer .n_right{ width:64%;}
    .footer .n_right dl:nth-child(-n+4){ display:none;}
    .footer .n_right dl:last-child{ width:100%;}
    .copy .right{ width:28%;}
    .copy .left{ width:72%;padding:15px 0;}
    
    .headerPage .container { display: flex; align-items: center; justify-content: space-between;}
    .headerPage .headerRight{display:none;}
    .headerPage .sp_nav{display:block; width:50px;float:right;position:relative; cursor:pointer;height:24px; z-index: 999;}
    .headerPage .sp_nav span{display:block;background:#333333;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
    .headerPage .sp_nav span:nth-of-type(1){top:0px}
    .headerPage .sp_nav span:nth-of-type(2){top:10px}
    .headerPage .sp_nav span:nth-of-type(3){top:20px}
    .headerPage .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
    .headerPage .sp_nav_se span:nth-of-type(2){width:0}
    .headerPage .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
    .headerPage .sjj_nav{display: block; position:fixed; background:#fff;width:100%;height:100vh;font-size:14px;line-height:40px;top:-100vh;left:0;  overflow:auto;overflow-x:hidden; z-index:99; transition:top ease 0.35s;}
    .headerPage .sjj_nav .bg{ width: 100%; height: 4px; background: #d93128;}
    .headerPage .sjj_nav .hotline{ background-color: #d93128; padding-left: 20px; height: 60px;line-height: 60px; font-size: 14px; color: #fff; }
    .headerPage .sjj_nav .hotline span{ font-size: 20px;font-weight: bold; }
    .headerPage .sp_nav_se span{background:#d93128}
    .headerPage .nav_show{top:80px}
    .headerPage.scroll .nav_show{top:80px}
    .headerPage .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
    .headerPage .sjj_nav>ul>li:first-child>a{float:left;width:75%;}
    .headerPage .sjj_nav>ul>li:first-child .language{float:right;width:22%;overflow:hidden;line-height:50px;}
    .headerPage .sjj_nav>ul>li:first-child .language a{width:48%;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
    .headerPage .sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
    .headerPage .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
    .headerPage .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
    .headerPage .sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:50px;font-size:15px}
    .headerPage .sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
    .headerPage .sjj_nav ul li ul{display:none}
    .headerPage .sjj_nav ul li a{color:#666;width:80%; display: block;}
    .headerPage .sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
    .headerPage .sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
    .headerPage .sjj_nav ul li .sjj_nav_i_se svg{fill:#d93128}
    .headerPage .sjj_nav ul li ul li>ul{margin-left:10px}
    .pbanner figure img{ width:120%;}
    .pbanner .ptext strong{font-size: 24px; margin-bottom:10px;}
    .pbanner .ptext p{ font-size:18px;}
    .subNav{height:auto; padding:10px 0;}
    .subNav .crumbs{ width:100%; line-height:28px;}
    .subNav .right{ width:100%;}
    .subNav .right .item{ line-height:50px; margin-left:0; margin-right:50px;}
    .about_center01 .companybg{padding:50px 3%;}
    .about_center01 .company-fix{ width: 100%; padding:30px; box-sizing: border-box;}
    .about_center01 .company-fix .about-tit strong{ font-size:30px;}
    .about_center01 .company-fix .about-tit small{ font-size:22px;}
    .about_center01 .number .item .T .timer{ font-size:50px;}
    .about_center02{height:45vh; background-size: cover;}
    .about_center02 .item{ padding:40px 20px;}
    .about_center02 .item .p{ font-size:15px; height:45px;}
    .about_center02 .item .p-text .h-tit{ font-size:22px;}
    .about_center02 .item .ico img{ height:60px;}
    .about_center03{padding:40px 0;}
    .about_center03 .hontab .item{ font-size:17px; height:50px; line-height:50px;}
    .about_center03 .honbot .honitem{grid-gap: 20px; grid-template-columns: repeat(3,1fr);}
    .PageHon .HonList{grid-gap: 20px; grid-template-columns: repeat(3,1fr);}
    
    .pageservice .leftSwiper{ width:100%; height:auto;}
    .pageservice .leftSwiper .item{ float:left; width:33.333%; padding:20px 2%; box-sizing:border-box; height:auto;display: flex; flex-direction: column; justify-content: center; align-items: center; }
    .pageservice .leftSwiper .item .txt{ margin-top:10px; margin-left:0; line-height:30px;}
    .pageservice .leftSwiper .item .ico{ width:30px; height:30px;}
    .pageservice .rightSwiper{ width:100% !important;}
    .pageservice .rightSwiper .item figure{ height:400px;}
    .pageservice .rightSwiper .item .serv-item{ width:90%; padding:30px;}
    
    .casebox{ height:55vh;}
    .casebox .item figure{ height:55vh;}
    .casebox .item .case-item .ico{ width:45px; height:45px;}
    .casebox .item .case-item .t{ font-size:17px;}
    .PageAnli{grid-gap: 20px;}
    .PageAnli .item .txt{ font-size:16px;}
    .PageAnli .item .detail .inner{ width:90%; padding:20px;}
    
    .PageNews .NewsList{grid-gap: 20px;}
    .PageNews .NewsList .itemImg .infor{padding:20px;}
    .PageNews .NewsList .itemImg .infor .t{ font-size:16px;}
    .PageNews .NewsList .itemImg .infor .c{ margin-top:20px;}
    .PageNews .NewsList .itemImg .infor .more{margin-top:20px;}
    .PageNews .NewsList .item .infor{padding:20px;}
    .PageNews .NewsList .item .infor .t{ font-size:16px;}
    .PageNews .NewsList .item .infor .c{ margin-top:20px;}
    .PageNews .NewsList .item .infor .more{margin-top:20px;}
    .PageNews .item_left{ padding:20px;}
    .PageNews .item_left .item_top .pageT{ font-size:22px;}
    .PageNews .item_right .caption{ font-size:24px;}
    
    .contact .contactMap .Map{ height:390px;}
    .contact .contactMap .cont_tit{width:38%; padding:20px;}
    .contact .contactMap .cont_tit .cont_name{ font-size:20px;}
    .contact .contactMap .cont_tit .cont_list .item{ margin-bottom:15px;}
    .contact .contbox{grid-gap: 20px;}
    .contact .contbox .item .name{ font-size:18px;}
    .contact .contbox .item .con{ font-size:15px;}
    
    .modular{padding:40px 0;}
    .modular .title{margin-bottom:20px; font-size:26px;}
    .modular .fnt_20{ font-size:17px;}
    .modular2{padding:40px 0;}
    .modular2 .title{font-size:28px;}
    .modular3{padding:40px 0;}
    .modular3 .joinlist .list_dt div{ font-size:16px;}
}


@media screen and (max-width: 767px){
    .container,.container1{width:96%;}
    #itop{position: relative;}
    .content{height: auto;}
    .rowbox {margin: 0!important;}
    .rowbg { -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; opacity: 1; }
    .row-controls{ display:none;}
    .header{background:#ffffff;height:70px;}
    .header .container { display: flex; align-items: center; justify-content: space-between;}
    .header .logo .lg-1{display:none;}
    .header .logo img{ height:50px;}
    .itop1 .logo .lg-2, .header .logo .lg-2{display:block;}
    .smouse{display:none;}
    .header .headerRight{display:none;}
    .header .sp_nav{display:block; width:50px;float:right;position:relative; cursor:pointer;height:24px; z-index: 999;}
    .header .sp_nav span{display:block;background:#333333;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
    .header .sp_nav span:nth-of-type(1){top:0px}
    .header .sp_nav span:nth-of-type(2){top:10px}
    .header .sp_nav span:nth-of-type(3){top:20px}
    .header.scroll .sp_nav span{background:#d93128}
    .header .sp_nav_se span{background:#d93128}
    .header .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
    .header .sp_nav_se span:nth-of-type(2){width:0}
    .header .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
    .header .sjj_nav{display: block; position:fixed; background:#fff;width:100%;height:100vh;font-size:14px;line-height:40px;top:-100vh;left:0;  overflow:auto;overflow-x:hidden; z-index:99; transition:top ease 0.35s;}
    .header .sjj_nav .bg{ width: 100%; height: 4px; background: #d93128;}
    .header .sjj_nav .hotline{ background-color: #d93128; padding-left: 20px; height: 60px;line-height: 60px; font-size: 14px; color: #fff; }
    .header .sjj_nav .hotline span{ font-size: 20px;font-weight: bold; }
    .header .nav_show{top:70px}
    .header.scroll .nav_show{top:70px}
    .header .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
    .header .sjj_nav>ul>li:first-child>a{float:left;width:75%;}
    .header .sjj_nav>ul>li:first-child .language{float:right;width:22%;overflow:hidden;line-height:50px;}
    .header .sjj_nav>ul>li:first-child .language a{width:48%;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
    .header .sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
    .header .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
    .header .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
    .header .sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:50px;font-size:15px}
    .header .sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
    .header .sjj_nav ul li ul{display:none}
    .header .sjj_nav ul li a{color:#666;width:80%; display: block;}
    .header .sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
    .header .sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
    .header .sjj_nav ul li .sjj_nav_i_se svg{fill:#d93128}
    .header .sjj_nav ul li ul li>ul{margin-left:10px}
    .placeholder{ width:100%; height:70px;}
    .banner .pic2{position:relative;}
    .banner .ti{margin-bottom:20px; font-size:17px;}
    .banner .txx{ font-size:18px;}
    .banner .ci-more{ width:135px; line-height:35px; height:35px; margin:4% auto 0}
    #load-bar{ height:3px;}
    
    .inAbout{ height:auto; padding:40px 0;}
    .inAbout .tit{ font-size:20px; margin-bottom:15px;}
    .inAbout .abcon{ width:100%; font-size:14px; line-height:26px;}
    .inAbout .ci-more{ width:135px; height:35px; line-height:35px;}
    .inAbout .number{ width:100%; margin-top:6%;}
    .inAbout .number .item .T .timer{ font-size:30px;}
    .inAbout .number .item .T .num{ font-size:16px; line-height:16px;}
    .inAbout .number .item .T .num em{ font-size:14px;}
    .inAbout .number .item .c{margin-top:10px; font-size:15px;}
    
    .inBusiness{ height:auto; padding:40px 0;}
    .inBusiness .BusinBottom{position:relative; width:100%; margin-top:20px;}
    .inBusiness .BusSwiper2 .swiper-slide .left{ width:38%;}
    .inBusiness .BusSwiper2 .swiper-slide .right{ width:52%;}
    .inBusiness .BusSwiper2 .swiper-slide .right .tit{ font-size:18px;}
    .inBusiness .BusSwiper2 .swiper-slide .right .tic{font-size:14px; line-height:26px;}
    .inBusiness .BusSwiper2 .swiper-slide .right .ci-more i{ width:25px;}
    .inBusiness .BusSwiper .swiper-slide{ padding:10px 1%;}
    .inBusiness .BusSwiper .swiper-slide .Img{ width:40px; height:40px;}
    .inBusiness .BusSwiper .swiper-slide .Img img{ height:18px;}
    
    .inCase li{ height:auto; width:50%;}
    .inCase li:nth-of-type(n+9){display:none;}
    .inCase li .hide{ font-size:16px;}
    
    .inNews{height:auto; padding:40px 0;}
    .inNews .newsTop .cn{ font-size:20px;}
    .inNews .newsTop .en{ font-size:15px;}
    .inNews .newsList li{ width:49%; margin-right:2%; height:auto;}
    .inNews .newsList li:nth-of-type(n+3){display:none;}
    .inNews .newsList li:nth-child(2n){margin-right:0; margin-top:0;}
    .inNews .newsList li .img{ height:auto;}
    .inNews .newsList li .hide{ position:relative; padding: 10px 2%;}
    .inNews .newsList li .T{ font-size:15px;}
    
    .footer{padding:30px 0 10px;}
    .footer .f_left{width:100%;}
    .footer .f_left .so_search{ height:45px;}
    .footer .f_left .so_search .search input{ line-height:45px;}
    .footer .f_left .so_search .search .search-txt{ width:70%;}
    .footer .f_left .so_search .search button{ width:40px; height:35px; background-size:auto 20px;}
    .footer .f_left .ewm{display:none;}
    .footer .n_right{ width:100%; margin-top:20px;}
    .footer .n_right dl:nth-child(-n+4){ display:none;}
    .footer .n_right dl:last-child{ width:100%;}
    .footer .n_right dl dd{ margin-top:10px;}
    .footer .n_right dl dd p{line-height: 26px;}
    .copy{border-top:none;}
    .copy .right{ width:100%; margin:0;}
    .copy .right summary{ padding:0 15px; background:url(../img/jt.png) 95% center no-repeat; background-size:auto 8px;}
    .copy .left{ width:100%;margin-top:15px; padding:10px 0; border-top: 1px #e5e5e5 solid; color:#999999;}
    .copy .left a{ color:#999999;}
    
    .headerPage{ height:70px;}
    .headerPage.scroll{ height:70px;}
    .headerPage .logo img{ height:50px;}
    .headerPage .container { display: flex; align-items: center; justify-content: space-between;}
    .headerPage .headerRight{display:none;}
    .headerPage .sp_nav{display:block; width:50px;float:right;position:relative; cursor:pointer;height:24px; z-index: 999;}
    .headerPage .sp_nav span{display:block;background:#333333;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
    .headerPage .sp_nav span:nth-of-type(1){top:0px}
    .headerPage .sp_nav span:nth-of-type(2){top:10px}
    .headerPage .sp_nav span:nth-of-type(3){top:20px}
    .headerPage .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
    .headerPage .sp_nav_se span:nth-of-type(2){width:0}
    .headerPage .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
    .headerPage .sjj_nav{display: block; position:fixed; background:#fff;width:100%;height:100vh;font-size:14px;line-height:40px;top:-100vh;left:0;  overflow:auto;overflow-x:hidden; z-index:99; transition:top ease 0.35s;}
    .headerPage .sjj_nav .bg{ width: 100%; height: 4px; background: #d93128;}
    .headerPage .sjj_nav .hotline{ background-color: #d93128; padding-left: 20px; height: 60px;line-height: 60px; font-size: 14px; color: #fff; }
    .headerPage .sjj_nav .hotline span{ font-size: 20px;font-weight: bold; }
    .headerPage .sp_nav_se span{background:#d93128}
    .headerPage .nav_show{top:70px}
    .headerPage.scroll .nav_show{top:70px}
    .headerPage .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
    .headerPage .sjj_nav>ul>li:first-child>a{float:left;width:75%;}
    .headerPage .sjj_nav>ul>li:first-child .language{float:right;width:22%;overflow:hidden;line-height:50px;}
    .headerPage .sjj_nav>ul>li:first-child .language a{width:48%;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
    .headerPage .sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
    .headerPage .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
    .headerPage .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
    .headerPage .sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:50px;font-size:15px}
    .headerPage .sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
    .headerPage .sjj_nav ul li ul{display:none}
    .headerPage .sjj_nav ul li a{color:#666;width:80%; display: block;}
    .headerPage .sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
    .headerPage .sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
    .headerPage .sjj_nav ul li .sjj_nav_i_se svg{fill:#d93128}
    .headerPage .sjj_nav ul li ul li>ul{margin-left:10px}
    .occupancy{ height:70px;}
    .pbanner figure img{ width:200%;}
    .pbanner .ptext strong{font-size: 20px; margin-bottom:10px;}
    .pbanner .ptext p{ font-size:16px;}
    .subNav{height:auto; padding:10px 0;}
    .subNav .crumbs{ width:100%; line-height:28px; font-size:14px;}
    .subNav .crumbs a{ font-size:14px;}
    .subNav .right{margin-top:10px; width:100%;}
    .subNav .right .item{float:left; margin-left:0; margin-right:2%;width:49%;margin-bottom: 2%;background: #f5f5f5;position: relative;line-height: 45px;text-align: center;}
    .subNav .right .item:nth-child(2n){ margin-right:0;}
    .subNav .right .item:nth-last-of-type(-n+2){margin-bottom:0;}
    .subNav .right .item.select, .subNav .right .item:hover{ background:#d93128;}
    .subNav .right .item span{ padding-bottom:0;}
    .subNav .right .item.select span, .subNav .right .item:hover span{ color:#ffffff; font-size:16px;}
    .subNav .right .item span::after{ display:none;}
    .about_center01 .companybg{padding:40px 3%;background-size:cover;}
    .about_center01 .company-fix{ width: 100%; padding:20px 3%; box-sizing: border-box;}
    .about_center01 .company-fix .about-info{margin:30px 0 0;}
    .about_center01 .company-fix .about-tit strong{ font-size:22px;}
    .about_center01 .company-fix .about-tit small{ font-size:16px;}
    .about_center01 .number .item .T .timer{ font-size:30px;}
    .about_center01 .number .item .T .num{ font-size:16px; line-height:16px;}
    .about_center01 .number .item .T .num em{ font-size:14px;}
    .about_center01 .number .item .c{ font-size:15px; margin-top:10px;}
    .about_center02{padding: 20px 0; height:auto; background-size: cover;grid-template-columns: repeat(1,1fr);}
    .about_center02 .item{ padding:20px 4%;}
    .about_center02 .item .p{ font-size:15px; height:auto;}
    .about_center02 .item .p-text .h-tit{ font-size:17px;}
    .about_center02 .item .ico{ margin-bottom:10px;}
    .about_center02 .item .ico img{ height:40px;}
    .about_center03{padding:40px 0;}
    .about_center03 .hontab .item{width:45%; font-size:16px; height:45px; line-height:45px;}
    .about_center03 .honbot .honitem{grid-gap: 10px; grid-template-columns: repeat(2,1fr);}
    .about_center03 .honbot .honitem .item p{font-size:15px; padding:10px 2%;}
    .PageHon .HonList{grid-gap: 10px; grid-template-columns: repeat(2,1fr);}
    
    .pageservice .leftSwiper{ width:100%; height:auto; padding:5px; box-sizing:border-box;}
    .pageservice .leftSwiper .item{ float:left; width:49.5%; padding:10px 2%;margin-right:1%; margin-bottom: 1%; background: #f5f5f5; box-sizing:border-box; height:auto;display: flex; flex-direction: column; justify-content: center; align-items: center; }
    .pageservice .leftSwiper .item:nth-child(2n){ margin-right:0;}
    .pageservice .leftSwiper .item:nth-last-of-type(-n+2){margin-bottom:0;}
    .pageservice .leftSwiper .item .txt{ margin-top:5px; margin-left:0; line-height:26px; font-size:15px;}
    .pageservice .leftSwiper .item .ico{ width:20px; height:20px;}
    .pageservice .rightSwiper{ width:100% !important;}
    .pageservice .rightSwiper .item figure{ height:360px;}
    .pageservice .rightSwiper .item .serv-item{ width:94%; padding:20px;}
    .pageservice .rightSwiper .item .serv-item .name{ font-size:17px;}
    .pageservice .rightSwiper .item .serv-item .con{ font-size:14px;}
    .PageAnli .item .detail .inner .imgLift .button-next,.PageAnli .item .detail .inner .imgLift .button-prev{ width:25px; height:25px; background-size:auto 8px;}
    .PageAnli .item .detail .inner .imgLift .mySwiper{width:80%; padding:30px 0;}
    
    .casebox{ height:auto;}
    .casebox .item{ width:100%;}
    .casebox .item figure{ height:30vh;}
    .casebox .item .case-item .ico{ width:45px; height:45px;}
    .casebox .item .case-item .t{ font-size:17px;}
    .PageAnli{grid-template-columns: repeat(2,1fr);grid-gap: 10px;}
    .PageAnli .item .txt{margin-bottom:5px; font-size:15px;}
    .PageAnli .item .detail .inner{ width:96%; padding:20px;}
    .PageAnli .item .detail .inner .title{ font-size:17px; line-height: 28px;margin-bottom: 45px;}
    .PageAnli .item .detail .inner .title::after{width: 40px;height: 2px;top: 80px;}
    .PageAnli .item .detail .inner .local{grid-gap: 10px 0;}
    .PageAnli .item .detail .inner .local .item{ font-size:15px;}
    .PageAnli .item .detail .inner .local .item span{ font-size:15px;}
    .PageAnli .item .detail .inner .local .item .red{ font-size:15px;}
    .PageAnli .item .detail .inner .imgLift .mySwiper .swiper-pagination-bullet{ width:30px;}
    .PageAnli .item .detail .inner .imgLift .mySwiper .swiper-pagination-bullet::before{ height:3px;}
    
    .PageNews .NewsList{grid-gap: 10px;grid-template-columns: repeat(2,1fr);}
    .PageNews .NewsList .itemImg .infor{padding:15px 3%;}
    .PageNews .NewsList .itemImg .infor .t{margin:10px 0; font-size:15px; line-height:26px; height:52px;}
    .PageNews .NewsList .itemImg .infor .c{ margin-top:15px; font-size:14px;}
    .PageNews .NewsList .itemImg .infor em{ width:30px;}
    .PageNews .NewsList .itemImg .infor .more{margin-top:15px; width:35px; height:20px; line-height:20px; }
    .PageNews .NewsList .itemImg .infor .more .icon-jrjt{font-size:12px;}
    .PageNews .NewsList .item .infor{padding:20px;}
    .PageNews .NewsList .item .infor .t{ font-size:16px;}
    .PageNews .NewsList .item .infor .c{ margin-top:20px;}
    .PageNews .NewsList .item .infor .more{margin-top:20px;}
    .PageNews .item_left{ padding:20px; width:100%;}
    .PageNews .item_left .item_top{padding-bottom:20px;}
    .PageNews .item_left .item_top .pageT{ font-size:16px;}
    .PageNews .item_right .caption{ font-size:24px;}
    .PageNews .item_left .item_btm{ padding-top:20px;}
    .PageNews .item_left .item_btm .paging_nav{ width:calc(100% - 125px);}
    .PageNews .item_left .item_btm .return_list{ width:120px;}
    .PageNews .item_left .item_btm .return_list .backList{ height:40px; font-size:14px;}
    .PageNews .item_left .item_btm .paging_nav .prevpage a,.PageNews .item_left .item_btm .paging_nav .nextpage a{ font-size:14px;}
    .PageNews .item_left .item_content{padding:20px 0; font-size:15px;}
    .PageNews .item_right{ display:none;}
    
    .contact .contactMap{display:block;}
    .contact .contactMap .Map{ height:200px;}
    .contact .contactMap .cont_tit{position:relative; width:100%; padding:20px; right:0; box-sizing:border-box;}
    .contact .contactMap .cont_tit .cont_name{ font-size:16px;}
    .contact .contactMap .cont_tit .cont_list .item{ margin-bottom:15px;}
    .contact .contactMap .cont_tit .cont_list .item .cont_r p{ font-size:15px;}
    .contact .contactMap .cont_tit .cont_list .item .cont_r span{ font-size:14px;}
    .contact .contactMap .cont_tit .cont_list .item i{ width:45px;}
    .contact .contactMap .cont_tit .cont_list .item i img{ height:15px;}
    .amap-controlbar .amap-luopan{ display:none !important;}
    .contact .cont{ margin-top:20px;}
    .contact .contbox{grid-template-columns: repeat(1,1fr); grid-gap: 10px;}
    .contact .contbox .item{padding: 5% 5% 50px;}
    .contact .contbox .item .name{ font-size:16px;}
    .contact .contbox .item .con{ font-size:14px; line-height:26px;}
    .contact .contbox .item span{ width:160px; height:160px;border: 10px solid rgba(0, 0, 0, 0.03);}
    .contact .contbox .item::before{ width:32px; height:30px;background-size: 30px;}
    
    .modular{padding:40px 0;}
    .modular .title{margin-bottom:20px; font-size:20px;}
    .modular .fnt_20{ font-size:15px;}
    .modular2{padding:40px 0;}
    .modular2 .working ul{ height:auto !important;}
    .modular2 .working li{ position:relative;}
    .modular2 .working li:first-child{ width:100%;}
    .modular2 .working li:nth-child(2){ width:100%; height:auto; margin-top:2%; margin-bottom:2%;}
    .modular2 .working li:nth-child(3){ width:49%; height:auto; float:left; left:0;}
    .modular2 .working li:nth-child(4){width:49%; height:auto; float:right;}
    .modular2 .title{font-size:20px;margin-bottom:20px;}
    .modular3{padding:40px 0;}
    .modular3 .jnlist{ height:50px;}
    .modular3 .jnlist div{ font-size:16px;}
    .modular3 .jnlist div:last-child{display:none;}
    .modular3 .joinlist{margin-top:5px;}
    .modular3 .joinlist .list_dt div{ font-size:14px;}
    .modular3 .joinlist .list_dt{ height:auto; padding:5px;}
    .modular3 .joinlist .list_dt div.menu{display:none;}
    .modular3 .joinlist .list_dd{padding:20px; font-size:14px; line-height:26px;}
    .modular3 .more{ width:135px; height:35px; line-height:35px;}
    
}